<template>
  <footer class="footer-top">
    <div class="footer-main">
      <!-- <div class="left footer-div mycol-4"></div> -->
      <div class="footer-moudle">
        <!-- 博主信息 -->
        <div class="left footer-div blog-info">
          <p class="title">博主信息</p>
          <p>姓名：camellia</p>
          <p>邮箱：guanchao-gc@foxmail.com</p>
          <p>访客数：{{ visitNum }}</p>
          <p @click="jumpToGov()" class="cursor">备案号：辽ICP备17011241号-2</p>
        </div>
        <!-- 统计 -->
        <div class="left footer-div mycol-3">
          <p class="title">数据统计</p>
          <p>文章总数：{{ articleNum }}</p>
          <p>注册用户：{{ userNum }}</p>
          <p>留言总数：{{ messageNum }}</p>
          <p>运行天数：{{ days }}</p>
        </div>
        <!-- 小程序二维码 -->
        <div class="left footer-div mycol-3">
          <p class="title">微信小程序</p>
          <img src="../../assets/img/qcwechat.png" class="qcwechat lazyload" />
        </div>
        <!-- 友情链接 -->
        <div class="left footer-div mycol-3">
          <p class="title">友情链接</p>
          <span v-for="(item, index) in friendLinklist" :key="index">
            <p class="cursor" @click="jumpFriendLink(item.friendlink)">
              {{ item.friendname }}
            </p>
          </span>
          <p class="cursor" @click="goToFrienLink()">更多>></p>
        </div>
        <!-- 项目架构 -->
        <div class="left footer-div">
          <p class="title">项目架构</p>
          <p>前端框架：vue3.3 + typescript + vite4.3</p>
          <p>
            <span v-if="language == 'PHP'">后端框架：laravel 8.19.0</span>
            <span v-else>后端框架：SpringBoot2.6</span>
          </p>
          <p>
            <span v-if="language == 'PHP'">全文搜索：sphinx-for-chinese</span>
            <span v-else>全文搜索：Elasticsearch7.17.3</span>
          </p>
          <p>
            <span v-if="language == 'PHP'">即时聊天：swoole 4.5.10</span>
            <span v-else>即时聊天：webscoket</span>
          </p>
        </div>
      </div>
    </div>
    <div class="cdn">
      <!-- <center>
      本站由<a href="https://www.tsycdn.com/" target="_blank">蓝易云安全</a>提供<a href="https://www.tsycdn.com/" target="_blank">高防CDN</a>安全防护和加速服务
      </center> -->
    </div>
    <div class="menu-copyright">
      <p style="text-align: center">
        Copyright© 2017 - 2023 |
        <a target="_blank" href="https://guanchao.site">时间里的</a>
        .AllRightsReserved
      </p>
    </div>
  </footer>
</template>

<style lang="scss">
@import "../../assets/css/components/pc/Footer.scss";
</style>

<script lang="ts">
// 引入js文件
import Footer from "/@/assets/js/components/pc/Footer";

// 使用js对象
export default {
  ...Footer,
};
</script>
